<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" name="viewport">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta content="telephone=no" name="format-detection">
<title>苗木通讯录</title>
<include file="Public/header"/>
<link rel="stylesheet" href="__PUBLIC__/Home/css/swiper.min.css">
<link rel="stylesheet" href="__PUBLIC__/dropload/dropload.css">
<script src="__PUBLIC__/dropload/dropload.min.js"></script>
</head>
<style>
.menu {
    margin-bottom:10px;
    margin-left: 3%;
    margin-top: 25px;
    overflow: hidden;
    width: 93%;
}
.menu ul li {
    float: left;
    margin-bottom: 10px;
    width: 33.33%;
}
.menu ul li img {
    width:50%; 
}
.menu ul li a {
    display: block;
    text-align: center;
}
.menu ul li span {
    color: #636363;
    display: block;
    font-size: 90%;
    line-height: 26px;
}
.sort{width: 100%;background: #e7ebef; height: 40px; line-height: 40px;}
.sort a{width: 50%; text-align: center; color:#636363; font-size: 14px; float: left;}
.sort a#active{background: #fff;border-top:2px solid #28bb77; color: #28bb77;}
.user1{border-top: 1px solid #eaeef5; height: 40px; line-height: 40px; text-align: center;}
.user1 em{ font-style: normal; color: #e20000;}
</style>
<body style="background:#fff;">
<include file="Public/topnew"/>
<div class="wrap">
<div class="swiper-container">
        <div class="swiper-wrapper">
			<volist name="banner" id="banner">
			<div class="swiper-slide"><a href="{$banner['link']}"><img src="{$banner['src']}"></a></div>
			</volist>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Pagination -->
    </div>

    <!-- Swiper JS -->
    <script src="__PUBLIC__/js/swiper.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        autoHeight: true, //enable auto height
    });
    </script>
    <div style="height:10px; background:#eef1f8;"></div>
     <div class="menu">
        <ul>
            <li>
                <a href="{:U('Index/newscs')}">
                    <img src="__PUBLIC__/Home/images/web1_04.png" style="background:#b284de; border-radius: 5px;">
                    <span>出售信息</span>
                </a>
            </li>
            <li>
                <a href="{:U('Index/newsqg')}">
                    <img src="__PUBLIC__/Home/images/web1_06.png" style="background:#ffaf72; border-radius: 5px;">
                    <span>求购信息</span>
                </a>
            </li>
            <li>
                <a href="{:U('Job/index')}">
                    <img src="__PUBLIC__/Home/images/web1_08.png" style="background:#8dc071; border-radius: 5px;">
                    <span>招聘信息</span>
                </a>
            </li>
            <li>
                <a href="{:U('Index/common')}">
                    <img src="__PUBLIC__/Home/images/web1_13.png" style="background:#f4c539; border-radius: 5px;">
                    <span>常用联系人</span>
                </a>
            </li>
            <li>
                <a href="javascript:;" id="telephone2">
                    <img src="__PUBLIC__/Home/images/web1_14.png" style="background:#748cd6; border-radius: 5px;">
                    <span>人工服务</span>
                </a>
            </li>
            <li>
                <a href="javascript:;" id="selprovince2">
                    <img src="__PUBLIC__/Home/images/web1_15.png" style="background:#f9795e; border-radius: 5px;">
                    <span>按地区展示</span>
                </a>
            </li>
        </ul>
    </div>
	<!--<div class="user1">会员总数：<em>{$total}</em>人</div>-->
    <div style="height:10px; background:#eef1f8;"></div>

    <div class="sort">
		<a href="{:U('Job/index',['attr'=>0])}" <if condition="$_GET['attr'] neq 1">id="active"</if> >招聘信息</a>
		<a  href="{:U('Job/index',['attr'=>1])}" <if condition="$_GET['attr'] eq 1">id="active"</if> >求职信息</a>
    </div>

 	<div class="contacts" style="margin-top:5px;">
 		<ul style="" id="list">
			<volist id="list" name="list">
 			<li style="height:auto;">
 				<a href="{:U('Job/info',array('id'=>$list['id']))}">
					<img src="{$list['img']}">
 					<p style="line-height:26px; background:none; margin-left:50px;">{$list['title']|mbsubstr=###,0,30}</p>
 				</a>
 			</li>
			</volist>
 		</ul>
		<div style="height:80px;width:100%;"></div>
 	</div>

    <div>
	</div>
<!--
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
-->
    <style>
    .bottom {
        background: #fff none repeat scroll 0 0;
        border-top: 1px solid #dde1ea;
        bottom: 0;
        height: 55px;
        left: 0;
        padding-top: 8px;
        position: fixed;
        width: 100%;
    }
    .bottom ul li {
        float: left;
        font-size: 16px;
        text-align: center;
        width: 25%;
    }
    .bottom ul li p {
        line-height: 30px;
    }
    .bottom ul li a {
        color: #3e3e3e;
        display: block;
    }
    .bottom ul li a#active {
        color: #2abc7c;
    }
    </style>
	<include file="Public/footer"/>
</div>
<script>
$(function() {
	$('#active1').css("color","#2abc7c");
	$('#active1').find('i').css("color","#2abc7c");
	var checkx = $(window).width();
	var wid = checkx-160;
	$('.lispan').css('width',wid+"px");
	//$('.lispan').css('background','#ccc');
});
$(function() {
		var page = 1;
$('.contacts').dropload({
    scrollArea : window,
    loadDownFn : function(me){
		$.ajax({
			type: 'GET',
			url: 'http://ce.miaoyoulu.com/index.php/Home/Job/ajax_test/p/'+page,
			dataType: 'json',
			success: function(data){
				if(data[0]) {
					var html = '';
					for(var i=0;i<data.length;i++) {
					html += '<li style="height:auto;">\
						<a href="">\
							<img src="'+data[i].img+'">\
							<p style="line-height:26px; background:none; margin-left:50px;">'+data[i].title+'</p>\
						</a>\
					</li>';
					}
					$('#list').append(html);
					me.resetload();
					page = page+1;
				}
			},
			error: function(xhr, type){
				alert('Ajax error!');
				// 即使加载出错，也得重置
				me.resetload();
			}
		});
    }
});
});
</script>
</body>
</html>
